@charset "utf-8";
/********************************
 * 响应式样式重写
 *******************************/
@media only screen and (min-width: 1620px){
.col-max{ width:20%;}
.focus .ibox{ position:relative; height:667px;}
.focus .ibox .el{ position:absolute;}
.focus .i1 .e1{ left:4%; top:25%;}
.focus .i1 .e2{ left:0; top:0; width:100%;height:100%; text-align:center;}
.focus .i1 .e2 img{ max-height: 100%; max-width: 100%; margin-top: 12%;}
.focus .i1 .e3{ left:0; bottom:18%; width:100%; line-height:1; text-align:center; color:#fff;  font-size:36px;}
.focus .i1 .e3 span{ color:#0084e9;}
.focus .i2 .el{  line-height:1; color:#0084e9;}
.focus .i2 .e1{ right:0; top:25%; font-size:46px;}
.focus .i2 .e2{ right:0; top:35%; line-height:1.4; font-size:24px;}
.focus .i2 .e3{ right:30px; top:60%; line-height:1; border-radius:6px; padding:15px 30px; background:#0084e9; color:#fff; font-size:22px;}
.focus .i3 .el{  line-height:1; color:#0084e9;}
.focus .i3 .e1{ left:30px; top:25%; font-size:46px;}
.focus .i3 .e2{ left:30px; top:35%; line-height:1.4; font-size:24px;}
.focus .i3 .e3{ left:30px; top:60%; line-height:1; border-radius:6px; padding:15px 30px; background:#0084e9; color:#fff; font-size:22px;}
}

@media only screen and (min-width: 1200px){
.container{ width:1170px;}
.modCon .modList dd .modHoveCon a{width:120px;}
}

@media only screen and (max-width: 1023px){
.container{ width:94%;}
/*========================== index =====================================*/
.toplinkBox{display:none;}
.navRight .text_create{display:none;}
.caseCon .owl-buttons{display:none;}
.caseCon .itemList{margin:40px 20px 0 20px;}


/*========================== 内页 =====================================*/
.header .logo-tip{display:none;}
.header .menu{left:140px;}

.sideTools{display:none;}

.focus .ibox{ position:relative; height:320px;}
.focus .i1 .e1{ left:4%; top:30px;}
.focus .i1 .e1 img{ width:160px;}
.focus .i1 .e2{ left:0; top:0; width:100%;height:100%; text-align:center;}
.focus .i1 .e2 img{ max-height:60%; max-width:80%; margin-top:30px;}
.focus .i1 .e3{ left:0; bottom:40px; width:100%; line-height:1; text-align:center; color:#fff; font-size:32px;}
.focus .i2 .el{ line-height:1; color:#0084e9;}
.focus .i2 .e1{ right:0; top:40px; font-size:36px;}
.focus .i2 .e2{ right:0; top:100px; line-height:1.4; font-size:20px;}
.focus .i2 .e3{ right:30px; top:200px; line-height:1; border-radius:6px; padding:15px 30px; background:#0084e9; color:#fff; font-size:20px;}
.focus .i3 .el{ line-height:1; color:#0084e9;}
.focus .i3 .e1{ left:30px; top:40px; font-size:36px;}
.focus .i3 .e2{ left:30px; top:100px; line-height:1.4; font-size:20px;}
.focus .i3 .e3{ left:30px; top:180px; line-height:1; border-radius:6px; padding:15px 30px; background:#0084e9; color:#fff; font-size:20px;}

.footer .copy{text-align:center;}
.footer .botNav{text-align:center; margin-top:5px;}
.case_Section{ margin-right:30px;}
}



@media only screen and (max-width: 767px){
/*========================== index =====================================*/
.mobileMenuBox,.mobileMenuBtn{display:block;}
.indexLink,.navRight{display:none;}
.owl-controls .owl-buttons{display:none;}
.header{ display:none;}
.navBox{ display:none;}
.m-topbar{ display:block;}
.Layout,.content_Case{ padding-top:42px;}

/* service */
.serviceBox{padding:40px 0 40px 0;}
.introBox .titleBox{font-size:18px;margin-top:0px;}
.introBox .titleBox span{font-size:20px;}
.introBox .infoBox{font-size:14px;}
.serviceCon .itemBox .textTitle{font-size:16px;}
.serviceCon .itemBox .textTitle span{font-size:18px;}
.introBox .infoBox .erwei{display:none;}
/* case */
.caseBox{padding:40px 0 40px 0;}
.caseBox .caseTitle{font-size:16px;}
.caseBox .caseTitle .text_blue{font-size:18px;}
/* project */
.projectBox{padding:40px 0 40px 0;}
.projectCon .projectList{margin-top:25px;padding:0 20px;}
/* mod */
.modBox{padding:40px 0 40px 0;}
/* news */
.newsBox .newsList{padding-bottom:10px;border-bottom:1px solid #dedede;}
.newsBox .newsList dt{ height:auto;}
.newsBox .newsList dd{ height:auto;}
/* contact */
.contactBox{padding:40px 0 40px 0;}
.contactCon .title{font-size:18px;}
.contactCon .title span{font-size:18px;}
.contactCon .contactList h4{font-size:14px;}
.contactCon .contactList p{font-size:12px;}
/* feedback */
.feedbackBox{padding:40px 0 40px 0;}
.feedbackBox .qqBox{display:none;}
.feedbackCon{padding:0 0 0px 0;}
.feedbackCon .feedbackItem{margin-top:0px;}
.feedbackCon .feedContact{display:none;}
.feedbackCon .feedCon{padding-top:10px;padding-left:0px;}
.feedbackCon .feedCon textarea{height:100px;}
.feedbackCon .feedBtn{padding-top:15px;}
.feedbackCon .feedBtn a{height:50px;line-height:50px;width:50px;font-size:14px;}

.focus .i1 .e1{ display:none;}


/*========================== 内页 =====================================*/
.header .menu{display:none;}
.con_Left{float:none;width:100%;margin-bottom:30px;}
.mod_NavL .title{font-size:16px;padding:10px;}
.mod_NavL ul li{display:inline-block;margin-bottom:5px;}
.mod_NavL ul li a i{padding-left:8px;}
.con_Right{float:none;width:100%;}

/* about */
.sub_Nav h2{display:none;}
.sideLeft{display:none;}
.intro_Con{margin-left:0;padding-top:20px;}
.intro_Con .origin h2,.intro_Con .birth h2,.intro_Con .function h2,.intro_Con .featuresBox h2,.intro_Con .creative h2,.intro_Con .crm h2,.intro_Con .price h2,.intro_Con .sales h2{font-size:26px;margin-top:30px;}
.intro_Con .crm .crmBox2 .item i,.intro_Con .sales .item i{display:none;}
.responsive_Item{padding:30px 0;}
.responsive_Item .titleBox{font-size:26px;}
.responsive_Item .infoBox{font-size:14px;}
.responsive_Box .four .btnBox a{font-size:18px;}
.responsive_Item .detaBox{font-size:16px;padding:15px 10px;}
.intro_Con .info_Item .info_ItemBtn a{height:50px;line-height:50px;font-size:16px;padding:0 20px;}
/* mod */
.modIntroBox .searchRight{float:none;margin-top:20px;}
.searchBox input[type="text"]{width:90%;}
/* join */
.feedback-page .fb-form{padding:0;}
.feedback-page .fb-form .frmInput input[type="text"]{width:100%;}
.feedback-page .fb-form .frmInput textarea{width:100%;}
/* case */
.case_Left,.case_Right .switch_Btn{display:none;}
.case_Section{margin-left:0px;}
.deta_Case .deta_Con{width:90%;}
.case_Right .btn_Top a{padding:0 6px;}
/* create */
.create_Box .fieldset .frmInput{width:70%;}
.create_Box .fieldset .frmInput .frmTip{ position:absolute; left:0; top:100%; opacity:0; height:24px; line-height:24px; text-indent:5px; color:#45beee; width:100%; z-index:2;}

/* help */
.help_Banner img{height:250px;max-width:auto;}

.Layout_header .previewNav,.Layout_header .previewNavBtn,.previewNavS{display:none;}
.account_Box{padding:0;}
.account_Box .adv_Img{display:none;}
.account_Module {padding:20px 30px 20px 30px;}
.fot_Nav{display:none;}


.createWait{ width:400px; height:267px; margin-left:-200px; margin-top:-133px;}
.createWait ul li{ width:400px; height:267px;}

.countBox .tongji ul .item{ width:52px; font-size:44px; height:73px;}
.countBox .tongji .unit{ font-size:28px;}
.scrollNum{ height:57px; margin:3px;}
.scrollNum ol li{ height:57px;}
}



@media only screen and (max-width: 479px){
/*========================== index =====================================*/
.in_header .logoBox{padding:15px 0;}
.contactBox,.feedbackBox{display:none;}
.newsBox:before{display:none;}

/*========================== 内页 =====================================*/
/* about */
.responsive_Item .titleBox{font-size:18px;}
.responsive_Box .four .btnBox a{font-size:16px;background-image:none;padding:0 18px;height:60px;line-height:60px;}

/* mod */
.modIntroBox{padding:20px 0;}
/* news */
.news_Box .news_List{padding-left:0;margin-top:20px;}

/* help */
.help_Banner .help_Title{right:3%;top:20%;font-size:20px;}
.help_Search{right:3%;top:40%;}
.help_Search .searchInfo{font-size:14px;}

/* create */
.create_Box .fieldset .frmLabel{background-color:#f5f5f5;width:100%;text-align:left;text-indent:10px;margin-bottom:10px;}
.create_Box .fieldset .frmInput{width:100%;}
.create_Box .submit{margin-left:0;width:100%;padding:0;}

.account_Con{margin:0;}
.account_Con .cooperation a{width:100%;}

.countBox .tongji ul .item{ width:34px; font-size:28px; height:48px;}
.countBox .tongji .unit{ font-size:18px;}
.scrollNum{ height:37px; margin:2px;}
.scrollNum ol li{ height:37px;}

.createWait{ width:300px; height:200px; margin-left:-150px; margin-top:-100px;}
.createWait ul li{ width:300px; height:200px;}

.createWebsite{ font-size:16px;}
.createWebsite i{ width:28px; height:28px; line-height:28px; font-size:20px;}

.countBox .cbutton:after{display:none;}

.focus .ibox{ position:relative; height:200px;}
.focus .i1 .e1{ left:4%; top:30px; display:none;}
.focus .i1 .e1 img{ width:160px;}
.focus .i1 .e2{ left:0; top:0; width:100%;height:100%; text-align:center;}
.focus .i1 .e2 img{ max-height:60%; max-width:80%; margin-top:20px;}
.focus .i1 .e3{ left:0; bottom:30px; width:100%; line-height:1; text-align:center; color:#fff; font-size:20px;}
.focus .i2 .el{ line-height:1; color:#0084e9;}
.focus .i2 .e1{ right:0; top:20px; font-size:26px;}
.focus .i2 .e2{ right:0; top:60px; line-height:1.4; font-size:18px;}
.focus .i2 .e3{ right:30px; top:130px; line-height:1; border-radius:6px; padding:10px 20px; background:#0084e9; color:#fff; font-size:18px;}
.focus .i3 .el{ line-height:1; color:#0084e9;}
.focus .i3 .e1{ left:30px; top:20px; font-size:26px;}
.focus .i3 .e2{ left:30px; top:60px; line-height:1.4; font-size:18px;}
.focus .i3 .e3{ left:30px; top:120px; line-height:1; border-radius:6px; padding:10px 20px; background:#0084e9; color:#fff; font-size:18px;}
}

@media only screen and (max-height:700px){
  .case_Left .er_Box{ display:none;}
}



/*八项免费服务*/
.mf_tit { width:100%; margin:0 auto; overflow:hidden; text-align:center;}
.mf_cen, .lc_cen { width:100%; margin:0 auto; overflow:hidden; margin-top:10px;}
.mf_cen a { display:block;  width:25%; float:left;}
.mf_cen a.mf1 { background:#ddd url(../../../images/bg_mf1.jpg) no-repeat center}
.mf_cen a.mf2 { background:#ddd url(../../../images/bg_mf2.jpg) no-repeat center}
.mf_cen a.mf3 { background:#ddd url(../../../images/bg_mf3.jpg) no-repeat center}
.mf_cen a.mf4 { background:#ddd url(../../../images/bg_mf4.jpg) no-repeat center}
.mf_cen a.mf5 { background:#ddd url(../../../images/bg_mf5.jpg) no-repeat center}
.mf_cen a.mf6 { background:#ddd url(../../../images/bg_mf6.jpg) no-repeat center}
.mf_cen a.mf7 { background:#ddd url(../../../images/bg_mf7.jpg) no-repeat center}
.mf_cen a.mf8 { background:#ddd url(../../../images/bg_mf8.jpg) no-repeat center}
.mf_cen a.mf1:hover { background:#6cbfb5 url(../../../images/bg_mf1_1.jpg) no-repeat center}
.mf_cen a.mf2:hover { background:#6cbfb5 url(../../../images/bg_mf2_1.jpg) no-repeat center}
.mf_cen a.mf3:hover { background:#6cbfb5 url(../../../images/bg_mf3_1.jpg) no-repeat center}
.mf_cen a.mf4:hover { background:#6cbfb5 url(../../../images/bg_mf4_1.jpg) no-repeat center}
.mf_cen a.mf5:hover { background:#6cbfb5 url(../../../images/bg_mf5_1.jpg) no-repeat center}
.mf_cen a.mf6:hover { background:#6cbfb5 url(../../../images/bg_mf6_1.jpg) no-repeat center}
.mf_cen a.mf7:hover { background:#6cbfb5 url(../../../images/bg_mf7_1.jpg) no-repeat center}
.mf_cen a.mf8:hover { background:#6cbfb5 url(../../../images/bg_mf8_1.jpg) no-repeat center}
.lc_top { overflow:hidden;}
.lc_cen a { display:block; float:left; background:#6bbfb4; text-align:center;}
.lc_cen a img { margin-top:30px; margin-bottom:20px;}
.lc_cen a h3, .lc_cen a p { color:#fff; line-height:30px;}
.lc_cen a.lc1 { width:25%; height:227px; border-bottom:1px solid #008e7b;}
.lc_cen a.lc2 { width:33.333333%; height:227px;}
.lc_cen a:hover {background:#008e7b;}
@media screen and (max-width: 767px){
	.mf_cen a { width:50%;}
	.lc_cen a.lc1 { width:50%;}
.lc_cen a.lc2 { width:33.333333%;}
	}
@media screen and (max-width: 479px){
	.mf_cen a { width:100%;}
	.lc_cen a.lc1 { width:100%;}
.lc_cen a.lc2 { width:100%;}
	}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
display: inline;
}
.glyphicon { font-size:30px;}
a:hover{ text-decoration:none;}